@CHARSET "UTF-8";
h1{
 	/*background-color: #C8D5E3; */
    font-size: 150%;
    margin: 5px 0px;
    padding: 5px 35px;
    color: #212224;
   
    background-repeat: no-repeat;
    background-position: 5px 5px
}
.thead{
 background-color: #658cc7;
 color: #fff;
}
.tsub-head
{

 border-top: 1px solid #ccc;


}
.tsub-head .sub-title
{
	
	float: left;
	width: 59px;
	font-weight: normal;
	font-size: 12px;
	height: 32px;
}
#footer
{
	color: #666;
	margin-top:  10px;
	padding: 20px;
	background-color: #eee;
	width: 920px;
	
} 
.tsub-head .detail
{
  border-right: 1px solid #ccc;
}
.tsub-head .no-detail
{
	border-right: 1px solid #ccc;
}
.tsub-head .total
{

}
.td-sub
{
	width: 180px;
}
.td-sub .sub-value
{
	
	
	float: left;
	width: 59px;
	
}
.sub-sub-title
{
	float: left;
	width: 59px;
	border-top: 1px solid #ccc;
}
.visit
{
	border-right: 1px solid #ccc; 
}

#list-filter
{
	height: 20px;
	border: 1px solid #ccc;;
	background-color: #ccc;
	padding: 5px 0px;

}
#project_id
{
	float: left;
}
.btnext
{
 margin-left:10px;
 float: right;
 width: 70px;
}
.btprevious{
margin-left:10px;
	float: right;
	width: 70px;
}

/* calendar */
table.calendar    { border-left:1px solid #999; }
tr.calendar-row  {  }
td.calendar-day  { min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover  { background:#eceff5; }
td.calendar-day-np  { background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number    { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
table.calendar .day-value
{
	height: 30px;
	margin-top: 40px;
	color: green;
}
table.calendar .reported
{
	background-color: #e2faf7;
	background-image: url("../images/reported.png");
	background-repeat: no-repeat;
}
table.calendar .active
{
  background-image: url("../images/report_edit.png");
  background-repeat: no-repeat;
  background-color: #f6ddb6; 
  cursor: pointer;
  cursor: hand;
}
table tr.current_date
{
	background-color: #fade6d;
}

#header a
{
	text-decoration:  none;
	font-size: 100%;
}
#navigation
{
	width: 200px;
	
	
	float:left;
	margin-top: -2px; 
	border-right: 1px solid #ccc;
}
#content
{
	float: left;
	 width:751px;
	 margin-left:  20px;
}
#navigation h3{   
    background-color: #DDDDDD;
    color: #222222;
    font-family: Arial,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px 5px 30px;
    text-shadow: 1px 1px 0 white;
    background-image: url(../images/001_34.png);
    background-repeat: no-repeat;
    background-position:  7px 7px;
    background-size: 16px 16px;
    width: 156px;
    
    
 }
 #content h3{   
   
    color: #222222;
    font-family: Arial,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px;
    text-shadow: 1px 1px 0 white;
 }
 #navigation ul
 {
 	  color: #000000;
    margin: 10px 20px;
    padding: 0;
     list-style: none outside none;
 }
 #navigation ul li
 {
 	  list-style: square outside none;
 	   margin: 5px 1px;
 }
  #navigation ul li a
 {
 	  text-decoration: none;
 	  color:#444444;
 	 
 }
   #navigation ul li.active a
 {
 	  text-decoration: none;
 	  color:#5677e3;
 	 
 }
 #navigation ul li a:hover
 {
 	  text-decoration: underline;
 	  color:#5677e3;
 	 
 	 
 }
  #navigation ul li a:active
 {
 	  text-decoration: underline;
 	  color:red;
 	 
 	 
 }
 #content form fieldset input
 {
 	background: url("../images/shadow.gif") repeat-x scroll 0 0 #FFFFFF ;
    border: 1px solid #ADADAD ;
    
    padding: 3px 3px;
    width: 240px;
 }
  #content form fieldset .submit
  {
   background:  #ddd;
   width: auto;
    padding: 5px 10px; 
    height: 30px;
    cursor: pointer;
    cursor: hand;
  }
  body
  {
  /*	background-image: url(../images/bg2.png);
  	background-repeat: repeat-y;*/
  }
  /* Tables */
table {width:100%; }
#content table.list, #content table.info {   border-collapse:collapse; border-bottom: 2px solid #ccc;}
#content table.list th {border-bottom:1px solid #e0e0e0; }
#content table.list th, #content table.info th {background-color:#e0e0e0; border-left: 0px solid #eee; border-top: 2px solid #507EAF; border-bottom: 1px solid #ccc;   }
#content table.list th {padding:2px 3px; text-align:left; font-weight: normal; height: 28px;}
 #content table.list td { border-left: 0px solid #eee; padding:2px 3px; text-align:left; height: 30px; background-color: #fff; }

#content table.list th.left, #content table#list td.left {float:none; text-align:left; }
#content table.list tr.even td {background-color:#ecf5fb;}
#content table.info th, #content table.info td {border:1px solid #ccc;}
#content table.info th, #content table.info td {padding:5px 10px; text-align:left;}
#content table.info th.center, #content table.info td.center {text-align:center;}
 .add-bar
 {
 	
 	height: 32px;
 	width: 100%;
 	background-repeat: no-repeat;
 	
 	
 }
  .add-bar a img
 {
 	
 	margin-right: 5px;
 	
 }
  .add-bar a
  {
  	text-decoration: none;
  	margin-left: 10px;
  }
  #header
  {
  	
  	background-image:  url("../images/bg_header3.png");
  	background-color: #ddd;
  	background-repeat: repeat-x;
  	height: 91px;
  	border-bottom: 2px solid #ccc;
  }
 #content form fieldset input.ad_input
  {
  	width: 60px;
  	margin: 0px 1px; height: 24px;
  	
  }
  
  #content form fieldset .list td input.ad_input
  {
  	width: 60px;
  	margin: 0px 1px; height: 24px;
  	
  }
    #content form fieldset .list td select
    {
    	width: 240px;
    }
    #content form fieldset .list td input
    {
    	width: 240px;
    	margin: 1px 1px;
    }
      
      
       #content form fieldset .list td.required input
    {
    	border: 2px solid red;
    }
     #content form fieldset .list
    {
    	border: none;
    }
     #content form fieldset .list td
     {
      background-color:  #eee;
     }
 #content  table.visitor_weekly tr td.tdlabel
{
 background-color: #DDDDDD;
 height: 40px;
}
 #content  table.visitor_weekly tr td.summary-week
{
 background-color: #C8D5E3;
 height: 40px;
}

#content table.campaign-table tr td.tdlabel
{

    background-color: #eeeeee;
    height: 40px;
}
#content table.list th.width200
{

    width: 200px;
}
#content table.list tr td.tdlabel
{
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: right;
	width: 150px;
}
#content table.list input[text] {
    height: 22px;
    width: 350px;
}
#content table.list select {
    height: 22px;
   
}
#content table.list textarea {
    height: 60px;
    width: 355px;
}
.field-errr{
color: red;

}
#content
{
	margin-top: -22px;
	margin-left: 8px;
}
#news-list
{
	margin-top:  20px;
	border-top:2px solid #ccc;
	width: 610px;
	min-height: 200px;
}
#loginbar
{
	float:left;
	}
#content2
{
	float:left;
	margin-left: 30px;
	width: 590px;
}
.step
{
 		background-color: #eee;
}
.step div.item
{
	padding: 10px 10px;
	float:left;
	border-right: 1px solid #666;
}
.step div.active
{
	background-color: #C5D5DD;
}
#witti{
	width:  960px;
	
}
.userinfo img
{
 border: 1px solid #ccc;
 float: left;
 margin-right: 10px;
}
.userinfo a
{
 padding-top:20px;
 padding-bottom: 10px;
}
a{
color: #333;
text-decoration: none;
}
 .form  .field
      {
      	
      	margin-right: 10px;
      
      	margin-top: 10px;
      	
      }
      .form .field input
      {
      	width: 295px;
      	height: 25px;
      }
      .form .field select
      {
      	width: 300px;
      	height: 30px;
      	padding: 4px;
      }
      .form text
      {
      	padding: 4px;
      	width: 100%px;
      }
      .field img
      {
       border:  0px;
       cursor: pointer;
       cursor: hand;
      }
.required input 
{
  border: 2px solid red;
}
.required select 
{
  border: 2px solid red;
}
#content table#list th.width50
{
	width: 50px;
}
#content table#list th.width100
{
	width: 100px;
}
#content table#list th.width150
{
	width: 150px;
}
#content table#list th.width200
{
	width: 150px;
}
#content table#list th.edit
{
	width: 50px;
}
#content table#list th.delete
{
	width: 50px;
}
#content table#list tr td.tl
{
text-align: left;
}
.width800{
width: 300px;
}
.form .field input.width800
{
	width:300px;
}
.height100
{
	height: 100px;
}
.form
{
 background-color: #fbfcfc;
 border: 1px solid #ccc;
 padding: 20px;
}
#content .form .field input ,#content .form .field select,
input#username,input#password
{
 
 background-image: url(../images/field_bg.png);
 background-repeat: repeat-x;
 border: 1px solid #999;
 height: 22px;
 padding: 2px;
}
#content .form .field .left
{
 width: 150px;
 float: left;
 text-align: right;
 
}

#content .form .field input
{
 float: left;
}

.btimg
{
 float: right;
 padding: 10px 30px;
 background-color: #6666cc;
 color: #fff;
 font-weight: bold;
 margin-right: 20px;
 cursor: pointer;
 cursor: hand;
}
.btimg:hover
{
	background-color: #666666;
}
.m-info
{
	
	background-color: #fff;
	padding: 10px;
}
.m-info img
{
	border:  1px solid #ccc;
	float: left;
	
	
}
.m-info .detail
{
	padding: 10px;
	float: left;
	width: 550px;
	color: #999;
	
}
.m-info span.label
{
	font-weight: bold;
	padding-right: 10px;
	color: #333;
}
#content table.list-form input.code
{
 width: 120px;
}
#content table.list-form input.remark
{
	width: 350px;
}
#content table.list-form th
{
 background-color: #fff;
 
}
#content table.list-form input.submit
{
	width: 70px;
}
#content table.list-form td
{
	padding: 10px;
	
	border-top: 1px solid #eee;
	background-color: #FBFCFC;
}
.material-box select {

	height: 500px;
	width: 250px;
}
body #content table.inner th
{
	border-top: 0px solid #ccc;
}
#content
{

	position: relative;
}
#search-box
{
	position: absolute;
	right: 0px;
	top: 4px;
	width: 200px;
	background-color: #ccc;
	padding: 2px 2px 2px 5px;
}
.clener
{

	clear: both;
}
span.label-field
{
	padding-right: 10px;
	padding-bottom: 10px;
}
span.label-field .label-left
{
	color: #333;
	padding-right: 5px;
}
span.label-field .label-right
{
	color: #999;
	
	padding-right: 5px;
	border-bottom: 1px solid #ccc;
	
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	
}